<style>
    .tree-folder{
        clear: both;
        background: none;
    }
    .tree-folder-open{
        clear: both;
        background: none;
    }
    .fa{
        margin-top: 3px;
    }
    .tree-file{
        clear: both;
        background: none;
    }
</style>
<table style="width: 100%;height: 100%">
    <tbody>

    {#<tr style="height: 67px;"><td valign="top" colspan="2"><ul class="breadcrumb"><li><i class="fa fa-home fa-lg"></i> 主页</li><li>部门</li><li>部门列表</li></ul></td></tr>#}
    {% if NavUl is defined %}
        <tr style="height: 67px">
            <td valign="top">{{ NavUl }}</td>
        </tr>
    {% endif %}
    <tr>
        <td id="depTree">
            <div id="depList_toolbar" class="xh-datagrid-toolbar" style="line-height:20px;padding:5px 0 5px 10px;">
                {% if depAdd %}
                <a id="bt_list_add" plain="true"><i class="fa fa-plus fa-lg fa-fw" style="color:#2baab1;"></i>新增</a>
                {% endif %}
                {% if depEdit %}
                <a id="bt_list_manage" plain="true"><i class="fa fa-pencil fa-lg fa-fw" style="color:#2baab1;"></i>编辑</a>
                {% endif %}
                {% if depDel %}
                <a id="bt_list_del" plain="true"><i class="fa fa-trash fa-lg fa-fw" style="color:#2baab1;"></i>删除</a>
                {% endif %}
            </div>

            {#为避免2次请求 将class="easyui-treegrid"去除 #}
            <table id="depList" title="部门列表"  style="height: 100%"
                   data-options="
                url: '{{ url('hrm/department/getDep') }}',
                method: 'post',
                rownumbers: true,
                idField: 'iDepId',
                treeField: 'sDepName',
                singleSelect:true,
                "  toolbar="#depList_toolbar">

                <thead>
                <tr>
                    <th data-options="field:'ck',checkbox:true"></th>
                    <th data-options="field:'iDepId'" width="20" hidden>iDepId</th>
                    <th data-options="field:'sDepName'" width="220" align="left">部门名称</th>
                    <th data-options="field:'sTag'" width="80" align="left">部门标签</th>

                    <th data-options="field:'tCreateDate'" width="150px" align="center">创建时间</th>
                    <th data-options="field:'iCreateUserId'" width="100px" align="left">创建用户</th>
                    <th data-options="field:'tLastModifyDate'" width="150px" align="center">最后修改时间</th>
                    <th data-options="field:'iLastModifyUserId'" width="100px" align="left">最后修改用户</th>
                </tr>
                </thead>
            </table>
        </td>
    </tr>
    </tbody>
</table>